.emotion {
  .topImg {
    width: 100%;

    image {
      width: 100%;

    }
  }

  .emotionItem {

    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* 基础外阴影 */
    background-color: #ffffff;
    border-radius: 20rpx;
    margin: 20rpx;

    .emotionBox {
      padding: 0 40rpx ;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .emotionLeft {
        text-align: left;

        view {
          margin: 15rpx 0;
        }

        .nickname {
          display: flex;
          align-items: flex-end;
          font-size: 40rpx;
          color: #000000;
          font-weight: bold;

          .sex {
            width: 40rpx;
            margin-left: 5rpx;

          }
        }
      }

      .emotionRight {
        .emotionRightImg {
          width: 200rpx;
        }
      }
    }
    .emotionButton{
      margin-top: 20rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .emotionButtonLeft {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70%;
        height: 50rpx;
        background: #AD51E8;
        border-radius: 0px 0px 0px 20rpx;
        /* 控制圆角 */
        filter: drop-shadow(0px 10px 21px rgba(203, 42, 42, 0.38));
        position: relative;
        cursor: pointer;
      }

      .emotionButtonLeft::after {
        position: absolute;
        content: '';
        right: -8px;
        width: 40rpx;
        height: 50rpx;
        border-radius: 0 8rpx 0 0;
        /* 伪元素的圆角 */
        transform: skewX(20deg);
        /* 斜切效果 */
        background: #AD51E8;
        z-index: 0;
      }

      .emotionButtonRight {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24%;
        height: 50rpx;
        background: #C98DEE;
        border-radius: 0px 0px 20rpx 0;
        /* 控制圆角 */
        filter: drop-shadow(0px 10px 21px rgb(201, 141, 238));
        position: relative;
        cursor: pointer;
      }

      .emotionButtonRight::before {
        position: absolute;
        content: '';
        left: -8px;
        width: 40rpx;
        height: 50rpx;
        border-radius: 8rpx 0 0 0;
        /* 伪元素的圆角 */
        transform: skewX(20deg);
        /* 斜切效果 */
        background: #C98DEE;
        z-index: 0;
      }
    }



  }

}